<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
		<title>旅游新闻</title>
		<!-- bootstrap -->
		<link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
	
		<!-- animate.css -->
		<link rel="stylesheet" href="./assets/css/animate.min.css" />
	
		<!-- 重置样式 -->
		<link rel="stylesheet/less" href="./assets/css/reset.less" />
	
		<!-- 公共样式 -->
		<link rel="stylesheet/less" href="./assets/css/common.less" />
	
		<!-- 页面独立的 -->
		<link rel="stylesheet/less" href="./assets/css/tourismnews_3.less" />
		<style>
	
		</style>
	</head>
	<body>
		<!-- 导航 -->
		<div class="header" id="header">
			<nav class="navbar navbar-inverse">
				<div class="container">
					<div class="container-fluid">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed wow fadeInLeft" data-toggle="collapse"
								data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar icon-bar-span"></span>
								<span class="icon-bar icon-bar-span"></span>
								<span class="icon-bar icon-bar-span"></span>
							</button>
							<a class="navbar-brand logo wow fadeInLeft" href="#">旅旅游吧</a>
						</div>
		
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right">
								<!-- 菜单 -->
								<li><a href="index.html" class="wow fadeInRight" data-wow-delay="100ms">首页</a></li>
								<li><a href="scenic_2.html" class="wow fadeInRight" data-wow-delay="200ms">精美景点</a></li>
								<li><a href="tourismnews_3.html" class="wow fadeInRight" data-wow-delay="300ms">旅游新闻</a></li>
								<li><a href="advantage_4.html" class="wow fadeInRight" data-wow-delay="400ms">服务优势</a></li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
		</div>
		
		<!-- 旅游优惠 -->
		<div class="preferential">
			<div class="preferential_h">
				<p class="preferential_h1 wow fadeInUp">旅游优惠</p>
				<p class="preferential_h2 wow fadeInUp">旅游优惠推荐，让你的旅行更省钱</p>
			</div>
			<div class="preferential_text">
				<div class="preferential_textli">
					<div class="preferential_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
					<div class="preferential_textp">
						<div class="preferential_textp1">副卷</div>
						<div class="preferential_textp2">优惠卷</div>
						<div class="preferential_textp3">
							<span>100</span>元
						</div>
						<button class="preferential_button">马上领取</button>
					</div>
				</div>
				<div class="preferential_textli">
					<div class="preferential_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
					<div class="preferential_textp">
						<div class="preferential_textp1">副卷</div>
						<div class="preferential_textp2">优惠卷</div>
						<div class="preferential_textp3">
							<span>100</span>元
						</div>
						<button class="preferential_button">马上领取</button>
					</div>
				</div>
				<div class="preferential_textli">
					<div class="preferential_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
					<div class="preferential_textp">
						<div class="preferential_textp1">副卷</div>
						<div class="preferential_textp2">优惠卷</div>
						<div class="preferential_textp3">
							<span>100</span>元
						</div>
						<button class="preferential_button">马上领取</button>
					</div>
				</div>
				<div class="preferential_textli">
					<div class="preferential_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
					<div class="preferential_textp">
						<div class="preferential_textp1">副卷</div>
						<div class="preferential_textp2">优惠卷</div>
						<div class="preferential_textp3">
							<span>100</span>元
						</div>
						<button class="preferential_button">马上领取</button>
					</div>
				</div>
				<div class="preferential_textli">
					<div class="preferential_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
					<div class="preferential_textp">
						<div class="preferential_textp1">副卷</div>
						<div class="preferential_textp2">优惠卷</div>
						<div class="preferential_textp3">
							<span>100</span>元
						</div>
						<button class="preferential_button">马上领取</button>
					</div>
				</div>
				<div class="preferential_textli">
					<div class="preferential_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
					<div class="preferential_textp">
						<div class="preferential_textp1">副卷</div>
						<div class="preferential_textp2">优惠卷</div>
						<div class="preferential_textp3">
							<span>100</span>元
						</div>
						<button class="preferential_button">马上领取</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 业内资讯 -->
		<div class="information">
			<div class="information_h">
				<p class="information_h1 wow fadeInUp">业内资讯</p>
			</div>
			<div class="information_text">
				<div class="information_textli">
					<div class="information_textz">
						<div class="information_texth">
							当“职业”摄影师处理家庭合照 结果惊悚诡异|摄影师|惊悚|家庭
						</div>
						<div class="information_textx"></div>
						<div class="information_textt">
							09-25(
						</div>
						<div class="information_textp">
							在进行照相时，光通过小孔（更多时候是一个透镜组）进入暗盒，在暗盒背部（相对于光入射方向）的介质上成像。根据实际光强度和介质感光能力的不同，要求的光照时间也不同。在光照过程中，介质被感光	
						</div>
					</div>
					<div class="information_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
				</div>
				<div class="information_textli">
					<div class="information_textz">
						<div class="information_texth">
							白俄罗斯当代摄影展《独立日》在重庆开展
						</div>
						<div class="information_textx"></div>
						<div class="information_textt">
							09-25(
						</div>
						<div class="information_textp">
							在进行照相时，光通过小孔（更多时候是一个透镜组）进入暗盒，在暗盒背部（相对于光入射方向）的介质上成像。根据实际光强度和介质感光能力的不同，要求的光照时间也不同。在光照过程中，介质被感光	
						</div>
					</div>
					<div class="information_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
				</div>
				<div class="information_textli">
					<div class="information_textz">
						<div class="information_texth">
							图片报道|山水|生态文明建设|摄影
						</div>
						<div class="information_textx"></div>
						<div class="information_textt">
							09-25(
						</div>
						<div class="information_textp">
							在进行照相时，光通过小孔（更多时候是一个透镜组）进入暗盒，在暗盒背部（相对于光入射方向）的介质上成像。根据实际光强度和介质感光能力的不同，要求的光照时间也不同。在光照过程中，介质被感光	
						</div>
					</div>
					<div class="information_textimg">
						<img src="assets/images/promotion_li1.jpg" />
					</div>
				</div>
			</div>
		</div>
		<!-- 旅游热评 -->
		<div class="comment">
			<div class="comment_h">
				<p class="comment_h1 wow fadeInUp">旅友热评</p>
			</div>
			<div class="comment_z">
				<div class="comment_text wow fadeInUp">
					<div class="comment_textp">
						<div class="comment_textpimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="comment_textpm">
							<div class="comment_textpm1">
								旅游旅游&nbsp;&nbsp;&nbsp;&nbsp;
								<span><a style="cursor:pointer">点赞</a> 9587</span>
								<span><a>回复</a> 549</span>
							</div>
							<div class="comment_textpm2">
								热评第一
							</div>
						</div>
					</div>
					<div class="comment_texts">
						<div class="comment_texts1">
							<div class="comment_texth">龙游石窟、药王山、烂柯山、天脊龙门三日游</div>
							<div class="comment_text1">北外滩西至河南北路与静安区（老闸北）相邻，东到
							大连路与杨浦区相接，南界苏州河与黄浦区相交，北临周家嘴路海宁路。作为外滩的
							延伸，这里拥有丰富的文化资源和深厚的历史积淀，区位优势更是得天独厚：坐北朝
							南，面水朝阳，西南处外白渡桥、吴淞路桥两桥与老外滩相连，南面隔江与陆家嘴金
							融贸易区相望，延绵起伏的古典建筑群和对岸的摩天大楼尽收眼底，与外滩、陆家嘴
							形成三足鼎立之势，共同构成黄金三角，蕴含巨大的开发价值。</div>
						</div>
						<div class="comment_texts2">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
					</div>
				</div>
			</div>
			<div class="comment_z">
				<div class="comment_text wow fadeInUp">
					<div class="comment_textp">
						<div class="comment_textpimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="comment_textpm">
							<div class="comment_textpm1">
								旅游旅游&nbsp;&nbsp;&nbsp;&nbsp;
								<span><a>点赞</a> 8490</span>
								<span><a>回复</a> 491</span>
							</div>
							<div class="comment_textpm2">
								热评第二
							</div>
						</div>
					</div>
					<div class="comment_texts">
						<div class="comment_texts1">
							<div class="comment_texth">龙游石窟、药王山、烂柯山、天脊龙门三日游</div>
							<div class="comment_text1">北外滩西至河南北路与静安区（老闸北）相邻，东到
								大连路与杨浦区相接，南界苏州河与黄浦区相交，北临周家嘴路海宁路。作为外滩的
								延伸，这里拥有丰富的文化资源和深厚的历史积淀，区位优势更是得天独厚：坐北朝
								南，面水朝阳，西南处外白渡桥、吴淞路桥两桥与老外滩相连，南面隔江与陆家嘴金
								融贸易区相望，延绵起伏的古典建筑群和对岸的摩天大楼尽收眼底，与外滩、陆家嘴
								形成三足鼎立之势，共同构成黄金三角，蕴含巨大的开发价值。
							</div>
						</div>
						<div class="comment_texts2">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
					</div>
				</div>
			</div>
			<div class="comment_z">
				<div class="comment_text wow fadeInUp">
					<div class="comment_textp">
						<div class="comment_textpimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="comment_textpm">
							<div class="comment_textpm1">
								旅游旅游&nbsp;&nbsp;&nbsp;&nbsp;
								<span><a>点赞</a> 7984</span>
								<span><a>回复</a> 432</span>
							</div>
							<div class="comment_textpm2">
								热评第三
							</div>
						</div>
					</div>
					<div class="comment_texts">
						<div class="comment_texts1">
							<div class="comment_texth">龙游石窟、药王山、烂柯山、天脊龙门三日游</div>
							<div class="comment_text1">北外滩西至河南北路与静安区（老闸北）相邻，东到
								大连路与杨浦区相接，南界苏州河与黄浦区相交，北临周家嘴路海宁路。作为外滩的
								延伸，这里拥有丰富的文化资源和深厚的历史积淀，区位优势更是得天独厚：坐北朝
								南，面水朝阳，西南处外白渡桥、吴淞路桥两桥与老外滩相连，南面隔江与陆家嘴金
								融贸易区相望，延绵起伏的古典建筑群和对岸的摩天大楼尽收眼底，与外滩、陆家嘴
								形成三足鼎立之势，共同构成黄金三角，蕴含巨大的开发价值。
							</div>
						</div>
						<div class="comment_texts2">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
					</div>
				</div>
			</div>
			<div class="comment_z">
				<div class="comment_text wow fadeInUp">
					<div class="comment_textp">
						<div class="comment_textpimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="comment_textpm">
							<div class="comment_textpm1">
								旅游旅游&nbsp;&nbsp;&nbsp;&nbsp;
								<span><a>点赞</a> 6358</span>
								<span><a>回复</a> 405</span>
							</div>
							<div class="comment_textpm2">
								热评第四
							</div>
						</div>
					</div>
					<div class="comment_texts">
						<div class="comment_texts1">
							<div class="comment_texth">龙游石窟、药王山、烂柯山、天脊龙门三日游</div>
							<div class="comment_text1">北外滩西至河南北路与静安区（老闸北）相邻，东到
								大连路与杨浦区相接，南界苏州河与黄浦区相交，北临周家嘴路海宁路。作为外滩的
								延伸，这里拥有丰富的文化资源和深厚的历史积淀，区位优势更是得天独厚：坐北朝
								南，面水朝阳，西南处外白渡桥、吴淞路桥两桥与老外滩相连，南面隔江与陆家嘴金
								融贸易区相望，延绵起伏的古典建筑群和对岸的摩天大楼尽收眼底，与外滩、陆家嘴
								形成三足鼎立之势，共同构成黄金三角，蕴含巨大的开发价值。
							</div>
						</div>
						<div class="comment_texts2">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
					</div>
				</div>
			</div>
			<div class="comment_z">
				<div class="comment_text wow fadeInUp">
					<div class="comment_textp">
						<div class="comment_textpimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="comment_textpm">
							<div class="comment_textpm1">
								旅游旅游&nbsp;&nbsp;&nbsp;&nbsp;
								<span><a>点赞</a> 5991</span>
								<span><a>回复</a> 359</span>
							</div>
							<div class="comment_textpm2">
								热评第五
							</div>
						</div>
					</div>
					<div class="comment_texts">
						<div class="comment_texts1">
							<div class="comment_texth">龙游石窟、药王山、烂柯山、天脊龙门三日游</div>
							<div class="comment_text1">北外滩西至河南北路与静安区（老闸北）相邻，东到
								大连路与杨浦区相接，南界苏州河与黄浦区相交，北临周家嘴路海宁路。作为外滩的
								延伸，这里拥有丰富的文化资源和深厚的历史积淀，区位优势更是得天独厚：坐北朝
								南，面水朝阳，西南处外白渡桥、吴淞路桥两桥与老外滩相连，南面隔江与陆家嘴金
								融贸易区相望，延绵起伏的古典建筑群和对岸的摩天大楼尽收眼底，与外滩、陆家嘴
								形成三足鼎立之势，共同构成黄金三角，蕴含巨大的开发价值。
							</div>
						</div>
						<div class="comment_texts2">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 底部 -->
		<div id="footer">
			<div class="container">
				<div class="left wow fadeInLeft">
					保留所有权利，版权所有 © 2023 旅旅游吧
				</div>
				<div class="right">
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
				</div>
			</div>
		</div>
		<!-- 返回顶部 -->
		<div id="back">
			<a href="#header" id="gotop">
				<img src="assets/images/hddb.png" />
			</a>
		</div>
	</body>
</html>
<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- wow.js -->
<script src="./assets/js/wow.min.repeat.js"></script>


<script>
	//获取id为background的元素
	var background = document.getElementById("background")

	//实例化wow.js
	new WOW().init()
	
	//锚点跳转滑动效果  
	$('#bs-example-navbar-collapse-1 a[href],#banner a[href],#back a[href]').click(function() {
		if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this
			.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
			if ($target.length) {
				var targetOffset = $target.offset().top;
				$('html,body').animate({
					scrollTop: targetOffset
				}, 1000);
				return false;
			}
		}
	});

	//给页面绑定一个滚动条事件
	$(document).scroll(function() {
		//获取滚动条滚动长度大小
		var distance = $(this).scrollTop()

	// 	当滚动条滚动的长度大于10
		if (distance > 10) {
			// 显示返回顶部
			$("#gotop").css({
				zIndex: 99998,
				opacity: 1
			});
			$("#header").css({
				backgroundColor: '#111111',
				paddingBottom: 0
			});
		} else {
			// 隐藏返回顶部
			$("#gotop").css({
				zIndex: -99998,
				opacity: 0
			});
			$("#header").css({
				backgroundColor: 'transparent',
				paddingBottom: '1em'
			});
		}
	})
</script>